/*---------------
        图片放大镜切换
    ---------------*/

.preview{width:660px;height: 640px;}

/* smallImg */
.smallImg{position:relative; float:left;width:660px; height:160px; margin-top:1px; padding:24px 35px;}
.scrollbutton{width:25px; height:115px; overflow:hidden; position:relative; float:left; cursor:pointer;background-color: #d8d6d6;}
.scrollbutton .triangle{position: absolute;top: 50%;left: 50%;margin: -8px 0 0 -4px;}

.image-menu{width:540px; height:115px; overflow:hidden; margin-left:0; float:left;}
.image-menu ul{margin: 0;padding: 0;}
.image-menu li{width:180px; height:115px; overflow:hidden; float:left; text-align:center;}
.image-menu li img{width:155px; height:115px;border:1px solid #d8d6d6;cursor:pointer;}
.image-menu li#onlickImg img, .image-menu li:hover img{ width:150px; height:110px; border:3px solid #959595;-webkit-box-sizing: content-box;
    -moz-box-sizing: content-box;box-sizing: content-box;}

/* bigImg */
.bigImg{position:relative; float:left; width:660px; height:480px; overflow:hidden;border-bottom: 1px solid #d8d6d6;}
.bigImg .mid-img{width:660px; height:480px;}
.bigImg .win-selector{width:235px; height:210px;}
.win-selector{position:absolute; cursor:crosshair; filter:alpha(opacity=15); opacity:0.15; background-color:#000; border:1px solid #fff;}

/* bigView */
.big-view{position:absolute;border: 1px solid #d8d6d6; overflow: hidden; z-index:99;}
.big-view img{position:absolute;}